.header {
	height: 2vh;
}

.body1,
.body2 {
	padding-top: 80px;
	padding-bottom: 80px;
}



/* //导航栏开始 navigation */
.nav_center {
	width: 1130px;
	height: 30px;
	margin: 0 auto;
	padding: 18px 0px;
}

.nav {
	position: fixed;
	width: 100%;
	height: 62px;
	border-bottom: 1px solid blueviolet;
	background-color: rgba(0, 0, 0, 0.33);
	z-index: 10;
	box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1);
	margin-top: -10px;
}

.nav_center span,
.nav_center div {
	display: inline-block;

}

.nav a {
	color: #eee;
	text-decoration: none;
}

.nav span {
	padding: 4px 12px;
	float: left;
}

.nav_right span:hover {
	border-top: 4px solid #494741;
}

.nav_right span:hover a {
	color: blueviolet;
}

.nav_logo {
	/* logo司徒小夜 */
	font-size: 24px;
	font-weight: 800;

}

.search {
	width: 200px;
	height: 32px;
	position: absolute;
	top: -2px;
	right: -200px;
}

.nav_right {
	float: right;
	margin-right: 200px;
	position: relative;
}

.search img {
	position: absolute;
	top: 5px;
	left: 15px;
	z-index: 1;
}

.search_text {
	/* 搜索框 */
	height: 32px;
	width: 150px;
	border-radius: 5px;
	padding-left: 42px;
	position: absolute;
	right: 0;
	border: none;
	outline: none;

}

/* body1开始 */

.body1,
.body2,
.body3,
.body4 {

	width: 650px;
	height: 350px;
	height: auto;
	margin: 0 auto;
	margin-top: -45px;

	padding: 110px 140px;
	padding-bottom: 100px;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07) !important;
	border-radius: 5px;
	background-color: white;
	position: relative;
}


.body_title {
	font-size: 40px;
	color: #172B4D;
}

.body_lable {
	color: #888888;
	/* border: 1px solid red; */
}

.body_lable span {
	margin-right: 8px;
	display: inline-block;
	/* height: 20px; */
	vertical-align: middle;
}

/* 超链接必给的属性 */
.body_lable a:visited,
.body_lable a:link {
	color: #888888;
	/* 文本修饰线 */
	text-decoration: none;
}

.body_mo {
	color: #03ACCA;
	background-color: #BBE8F1;
	border-radius: 12px;
	font-size: 12px;
	padding: 4px 16px;
}

.body_mo:hover {
	color: #fff;
	background-color: #0DA5C0;
}

.body_wu {
	color: #FFF;
	background-color: #99B0D7;
	border-radius: 12px;
	font-size: 12px;
	padding: 4px 16px;
}

.body_wu:hover {
	color: #888888;
}

.body_si {
	color: #FF3709;
	background-color: #FEE4DE;
	border-radius: 12px;
	font-size: 12px;
	padding: 4px 16px;
}

.body_si:hover {
	color: #fff;
	background-color: #FA3A0E;
}


.body_text {
	color: #525F7F;
	font-weight: 300;
	line-height: 32px;
	/* text-indent: 2em; */
}

.body_text p {
	margin-top: 15px;
}

.button_jixu {
	width: 120px;
	height: 42px;
	border: 1px #5E72E4 solid;
	border-radius: 10px;
	text-align: center;
	line-height: 42px;
	font-weight: 800;
	color: #5E72E4;
	position: absolute;
	bottom: 150px;
}

.button_jixu:hover {
	background-color: #5E72E4;
	color: #fff;
}

/* 图片属性 */
.body_text img {
	max-width: 100%;
	border-radius: 8px;
}

/* 图片自动裁剪 */
.body_img {
	max-width: 100%;
	height: 500px;
	margin: 25px 10px;
	background: url(../img/index-body-2.jpg) center no-repeat;

	/* 背景图片大小 属性要在backgroup之后，否则图片过小会无效*/
	background-size: cover;
	border-radius: 8px;
	transition: all 2s;
	/* transition: all 3s ease 0; */

	/* border: 1px red solid; */
}


/* body1结束 */

/* body2开始 */
.body2,
.body3,
.body4 {
	margin-top: -10px;
}

/* body2结束 */


















/* 留言板开始 */
.body2 table {
	width: 100%;
}

.body2 td {
	padding: 10px 5px;
}


caption {
	font-size: 28px;
	color: #005377;
}

/* table{
	border-collapse:collapse;border-style: solid;border-width: 1px;
}
td{
	border-style: solid;border-width: 1px;
}
 */
table,
table tr th,
table {
	border: 2px solid #bebebe;
	/* border-collapse: collapse; */
	padding-left: 20px;
}

table input,
textarea,
select {
	font-size: 1rem;
	line-height: 1.5;
	display: block;
	width: 90%;

	/* height: calc(2.75rem + 2px); */
	height: auto;
	padding: .625rem .75rem;
	transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
	color: #8898aa;
	border: 1px solid #cad1d7;
	border-radius: .25rem;
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: none;
	/* float: right; */
}


input[type|="radio"] {
	width: 50%;
	margin-top: -15px;
}

#author,
#mail,
#url {
	width: 70%;
	float: right;
}

#area {
	width: 97%;
	float: left;
	/* 锁定textarea的书写方式是从第一行第一列开始 */
	/* -webkit-writing-mode: horizontal-tb !important; */
	writing-mode: horizontal-tb !important;
}

td span {
	display: block;
	/* border: 1px solid red; */
	width: 38px;
	height: 38px;
	background: url(../img/m_1.png) no-repeat center;
	background-size: cover;
	margin-top: 3px;
	float: left;
}

.button1 {
	float: right;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #2DCE89;
	border: 1px #2DCE89 solid;
	border-radius: 5px;
	background-color: #fff;

}

.button1:hover {
	color: #fff;
	background-color: #2DCE89;

}

.form-control:focus {
	color: #8898aa;
	border-color: rgba(50, 151, 211, .25);
	outline: 0;
	background-color: #fff;
	box-shadow: none, none
}

/* 留言板结束 */
